.-text-right {
	text-align: right;
}
.-text-center {
	text-align: center;
}
.-text-left {
	text-align: left;
}
.-text-justify {
    text-align: justify;
}

.-line-through {
    text-decoration: line-through;
}
.-underline {
    text-decoration: underline;
}
.-no-underline {
    text-decoration: none;
}


@mixin line {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@for $i from 2 through 5 {
  .-line-#{$i} {
    @include line;
    -webkit-line-clamp: $i;
  }
}
.-line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.-font-bold {
    font-weight: bold;
}
.-font-normal {
    font-weight: normal;
}


.-flex {
    display: flex;
}

.-inline-flex {
    display: inline-flex;
}

.-flex-center {
    align-items: center;
    justify-content: center;
}

.-flex-row {
    flex-direction: row;
}
.-flex-row-reverse {
    flex-direction: row-reverse;
}
.-flex-col {
    flex-direction: column;
}
.-flex-col-reverse {
    flex-direction: column-reverse;
}

.-flex-wrap {
    flex-wrap: wrap;
}
.-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.-flex-nowrap {
    flex-wrap: nowrap;
}

.-flex-1 {
    flex: 1 1 0%;
}
.-flex-auto {
    flex: 1 1 auto;
}
.-flex-initial {
    flex: 0 1 auto;
}
.-flex-none {
    flex: none;
}

.-flex-grow {
    flex-grow: 1;
}
.-flex-grow-0 {
    flex-grow: 0;
}

.-flex-y-start {
    justify-content: flex-start;
}
.-flex-y-end {
    justify-content: flex-end;
}
.-flex-y-center {
    justify-content: center;
}
.-flex-y-between {
    justify-content: space-between;
}
.-flex-y-around {
    justify-content: space-around;
}
.-flex-y-evenly {
    justify-content: space-evenly;
}

.-flex-x-start {
    align-items: flex-start;
}
.-flex-x-end {
    align-items: flex-end;
}
.-flex-x-center {
    align-items: center;
}
.-flex-x-baseline {
    align-items: baseline;
}
.-flex-x-stretch {
    align-items: stretch;
}

.-flex-xy-center {
    align-items: center;
    justify-content: center;
}


.-w-0 {
    width: 0;
}
.-w-auto {
    width: auto;
}
.-w-1_2 {
    width: 50%;
}
.-w-1_3 {
    width: 33.333%;
}
.-w-1_4 {
    width: 25%;
}
.-w-1_5 {
    width: 20%;
}
.-w-full {
    width: 100%;
}
.-w-screen {
    width: 100vw;
}
.-w-min {
    width: min-content;
}
.-w-max {
    width: max-content;
}

.-min-w-0 {
    min-width: 0px;
}
.-min-w-full {
    min-width: 100%;
}
.-min-w-screen {
    min-width: 100vw;
}
.-min-w-min {
    min-width: min-content;
}
.-min-w-max {
    min-width: max-content;
}

.-max-w-0 {
    max-width: 0;
}
.-max-w-none {
    max-width: none;
}
.-max-w-full {
    max-width: 100%;
}
.-max-w-screen {
    max-width: 100vw;
}


.-h-0 {
    height: 0;
}
.-h-auto {
    height: auto;
}
.-h-1_2 {
    height: 50%;
}
.-h-1_3 {
    height: 33.333%;
}
.-h-1_4 {
    height: 25%;
}
.-h-1_5 {
    height: 20%;
}
.-h-full {
    height: 100%;
}
.-h-screen {
    height: 100vw;
}
.-h-min {
    height: min-content;
}
.-h-max {
    height: max-content;
}

.-min-h-0 {
    min-height: 0;
}
.-min-h-full {
    min-height: 100%;
}
.-min-h-screen {
    min-height: 100vh;
}
.-min-h-min {
    min-height: min-content;
}
.-min-h-max {
    min-height: max-content;
}

.-max-h-0 {
    max-height: 0;
}
.-max-h-none {
    max-height: none;
}
.-max-h-full {
    max-height: 100%;
}
.-max-h-screen {
    max-height: 100vw;
}


.-ml-auto {
    margin-left: auto;
}
.-mr-auto {
    margin-right: auto;
}
.-mt-auto {
    margin-top: auto;
}
.-mb-auto {
    margin-bottom: auto;
}
@for $i from 0 through 80 {
    @if $i % 2 == 0 or $i % 5 == 0 {
        .-mx-#{$i} {
            margin-left: $i + px;
            margin-right: $i + px;
        }
        
        .-my-#{$i} {
            margin-top: $i + px;
            margin-bottom: $i + px;
        }
        
        .-px-#{$i} {
            padding-left: $i + px;
            padding-right: $i + px;
        }
        
        .-py-#{$i} {
            padding-top: $i + px;
            padding-bottom: $i + px;
        }
        
        
        .-m-#{$i} {
            margin: $i + px;
        }
        
        
        .-p-#{$i} {
            padding: $i + px;
        }
                
        @each $short, $long in l left, t top, r right, b bottom {
            .-m#{$short}-#{$i} {
                margin-#{$long}: $i + px;
            }
            
            .-p#{$short}-#{$i} {
                padding-#{$long}: $i + px;
            }
        }
    }
}